/<template>
  <div>
      <ul>
          <li v-for="item,index in list" :key="index">
              <h3>{{item.title}}</h3>
              <List :list="item.children"></List>
          </li>
      </ul>
  </div>
</template>

<script>
export default {
    name:"List",
    props:{
        list:Array,
    }
}
</script>

<style>
.list{
    height: calc(100vh - 50px);
    overflow-y: scroll;
}
.list li{
    padding-left: 20px;
}
</style>